<div id="Jpage2">
    <ul id="fiHeader" class="nav nav-tabs">
        <!-- <li class="active">
            <a href="#storelist" data-toggle="tab">装货列表</a>
        </li>
        <li>
            <a href="#deliverylist" data-toggle="tab">运单列表</a>
        </li>
        <li>
            <a href="#salelist" data-toggle="tab">销售运单</a>
        </li>
        <li>
            <a href="#history" data-toggle="tab">历史运单</a>
        </li> -->
    </ul>
    <div class="tab-content fi-tab-content" id="myTabContent">
        <!-- <div class="tab-pane fade in active" id="storelist">
            <h2 class="tab-cont-h2">
                <a href="javascript:;">运单管理</a> > <span>装货列表</span>
             </h2>
            <div class="">
                <table class="table table-hover table-responsive">
                    <tr class="thead">
                        <td class="td1">标书编码</td>
                        <td class="td2">订单编号</td>
                        <td class="td3">开标时间</td>
                        <td class="td4">结标时间</td>
                        <td class="td5">收货地</td>
                        <td class="td6">状态</td>
                        <td class="td7">备注</td>
                        <td class="td8">操作</td>
                    </tr>
                    <tr class="trh7">
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                        <td class=""></td>
                    </tr>
                    <tr class="tbody tbody-1">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>2015-10-20 17:20:52</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>取货中</td>
                        <td>我的备注</td>
                        <td><a href="javascript:;">未取货</a><a href="javascript:;">已取货</a><a href="javascript:;" data-toggle="modal" data-target="#remarkModel" data-itemid="1">备注</a></td>
                    </tr>
                    <tr class="tbody tbody-2">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>2015-10-20 17:20:52</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>取货中</td>
                        <td>我的备注</td>
                        <td><a href="javascript:;">未取货</a><a href="javascript:;">已取货</a><a href="javascript:;" data-toggle="modal" data-target="#remarkModel" data-itemid="1">备注</a></td>
                    </tr>
                    <tr class="tbody tbody-1">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>2015-10-20 17:20:52</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>取货中</td>
                        <td>我的备注</td>
                        <td><a href="javascript:;">未取货</a><a href="javascript:;">已取货</a><a href="javascript:;" data-toggle="modal" data-target="#remarkModel" data-itemid="1">备注</a></td>
                    </tr>
                    <tr class="tbody tbody-2">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>2015-10-20 17:20:52</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>取货中</td>
                        <td>我的备注</td>
                        <td><a href="javascript:;">未取货</a><a href="javascript:;">已取货</a><a href="javascript:;" data-toggle="modal" data-target="#remarkModel" data-itemid="1">备注</a></td>
                    </tr>
                    <tr class="tbody tbody-1">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>2015-10-20 17:20:52</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>取货中</td>
                        <td>我的备注</td>
                        <td><a href="javascript:;">未取货</a><a href="javascript:;">已取货</a><a href="javascript:;" data-toggle="modal" data-target="#remarkModel" data-itemid="1">备注</a></td>
                    </tr>
                    <tr class="tbody tbody-2">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>2015-10-20 17:20:52</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>取货中</td>
                        <td>我的备注</td>
                        <td><a href="javascript:;">未取货</a><a href="javascript:;">已取货</a><a href="javascript:;" data-toggle="modal" data-target="#remarkModel" data-itemid="1">备注</a></td>
                    </tr>
                    <tr class="tbody tbody-1">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>2015-10-20 17:20:52</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>取货中</td>
                        <td>我的备注</td>
                        <td><a href="javascript:;">未取货</a><a href="javascript:;">已取货</a><a href="javascript:;" data-toggle="modal" data-target="#remarkModel" data-itemid="1">备注</a></td>
                    </tr>
                </table>
                <nav class="page-nav">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="tab-pane fade" id="history">
            <h2 class="tab-cont-h2">
            <a href="javascript:;">运单管理</a> > <span>历史运单</span>
         </h2>
            <div class="nav-search">
                <div class="col">
                    <label class="nav-label">标书编号</label>
                    <div class="inputbg">
                        <input type="text" class="input">
                    </div>
                </div>
                <div class="col">
                    <label class="nav-label">订单编号</label>
                    <div class="inputbg">
                        <input type="text" class="input">
                    </div>
                </div>
                <div class="col">
                    <label class="nav-label">运单状态</label>
                    <div class="inputbg">
                        <select class="select">
                            <option>1</option>
                        </select>
                    </div>
                </div>
                <div class="col col1">
                    <label class="nav-label">取货时间</label>
                    <div class="inputbg">
                        <input type="text" class="input start datepicker"> --
                        <input type="text" class="input end datepicker">
                    </div>
                </div>
                <div class="col col1">
                    <label class="nav-label">回单时间</label>
                    <div class="inputbg">
                        <input type="text" class="input start datepicker"> --
                        <input type="text" class="input end datepicker">
                    </div>
                </div>
                <a href="" class="btn btn-primary">查询</a>
            </div>
            <div class="">
                <table class="table table-hover table-responsive">
                    <tr class="thead">
                        <td class="td1">标书编码</td>
                        <td class="td2">订单编号</td>
                        <td class="td3">取货时间</td>
                        <td class="td4">收货地</td>
                        <td class="td5">回单时间</td>
                        <td class="td6">价格（元）</td>
                        <td class="td7">运单状态</td>
                        <td class="td8">备注</td>
                    </tr>
                    <tr class="trh7">
                        <td colspan="8">&nbsp;</td>
                    </tr>
                    <tr class="tbody tbody-1">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>5000</td>
                        <td>确定回单</td>
                        <td>我的备注</td>
                    </tr>
                    <tr class="tbody tbody-2">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>5000</td>
                        <td>确定回单</td>
                        <td>我的备注</td>
                    </tr>
                    <tr class="tbody tbody-1">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>5000</td>
                        <td>确定回单</td>
                        <td>我的备注</td>
                    </tr>
                    <tr class="tbody tbody-2">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>5000</td>
                        <td>确定回单</td>
                        <td>我的备注</td>
                    </tr>
                    <tr class="tbody tbody-1">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>5000</td>
                        <td>确定回单</td>
                        <td>我的备注</td>
                    </tr>
                    <tr class="tbody tbody-2">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>5000</td>
                        <td>确定回单</td>
                        <td>我的备注</td>
                    </tr>
                    <tr class="tbody tbody-1">
                        <td>
                            <a href="">JSO125</a>
                        </td>
                        <td>ERD23234234</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>江苏省苏州市 太湖东路</td>
                        <td>2015-10-14 10:00:00</td>
                        <td>5000</td>
                        <td>确定回单</td>
                        <td>我的备注</td>
                    </tr>
                </table>
                <nav class="page-nav">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="tab-pane fade" id="deliverylist">
            <form class="additem">
                <h2 class="tab-cont-h2">
                <a href="javascript:;">运单管理</a> > <a href="javascript:;">运单列表</a> > <a href="javascript:;">运单详情</a> > <span>运单关闭</span>
            </h2>
                <div class="form">
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>关闭原因：</label>
                        <div class="l-area">
                            <select class="select select3">
                                <option>关闭原因：</option>
                            </select>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>货物状态：</label>
                        <div class="l-area">
                            <select class="select select3">
                                <option>货物状态：</option>
                            </select>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label">赔 偿 费：</label>
                        <div class="l-area">
                            <label class="l-radio">
                                <input type="radio" value="1">企业给物流
                            </label>
                            <label class="l-radio">
                                <input type="radio" value="2">物流给企业
                            </label>
                            <div class="input-group">
                                <div class="input-group-addon">¥</div>
                                <input type="text" class="form-control input1" id="exampleInputAmount" placeholder="Amount">
                            </div>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label">详情说明：</label>
                        <div class="l-area">
                            <textarea placeholder="" class="textarea textarea3"></textarea>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label">证据上传：</label>
                        <div class="l-area">
                            <div class="uploadbg">
                                +
                                <input type="file" class="file">
                            </div>
                            <div class="upload-tip">
                                <p>为了能够更快更好的解决问题，请你上传与商家沟通记录图片，
                                    <br> 或拍摄的货物图片。
                                </p>
                                <p>每张图片不超过 <span class="size">5M</span></p>
                                <p>仅支持 <span class="size">.PNG .JPG .JPEG </span>格式图片 5M</p>
                            </div>
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>扣 款：</label>
                        <div class="l-area">
                            <input type="text" class="input5">
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>联 系 人：</label>
                        <div class="l-area">
                            <input type="text" class="input5">
                        </div>
                    </div>
                    <div class="group">
                        <label class="l-label"><span class="need">*</span>联系电话：</label>
                        <div class="l-area">
                            <input type="text" class="input5">
                        </div>
                    </div>
                </div>
                <div class="btn-area">
                    <a href="javascript:;" id="btnSure" class="btn sure">确定</a>
                    <a href="javascript:;" id="btnCancel" class="btn cancel">取消</a>
                </div>
            </form>
        </div> -->
    </div>
   
    <!--关闭运单弹框-->
    <div class="modal fade model delmodel" id="closeBillModelTpl" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">回单确定</h4>
                </div>
                <div class="modal-body additem">
                    <h2 class="tab-cont-h2">
            <a href="javascript:;">运单管理</a> > <a href="javascript:;">运单列表</a> > <a href="javascript:;">运单详情</a> > <span>运单关闭</span>
        </h2>
                    <h4 class="title-bar">运单关闭</h4>
                    <div class="form">
                        <div class="group">
                            <label class="l-label"><span class="need">*</span>关闭原因：</label>
                              <input type="text" class="input input4" id="reason">
                            <div class="l-area none">
                            
                                <select class="select select3">
                                    <option>关闭原因：</option>
                                </select>
                            </div>
                        </div>
                        <div class="group">
                            <label class="l-label"><span class="need">*</span>货物状态：</label>
                            <div class="l-area">
                                <select class="select select3">
                                    <option>货物状态：</option>
                                </select>
                            </div>
                        </div>
                        <div class="group">
                            <label class="l-label">赔 偿 费：</label>
                            <div class="l-area">
                                <label class="l-radio">
                                    <input type="radio" value="1">企业给物流
                                </label>
                                <label class="l-radio">
                                    <input type="radio" value="2">物流给企业
                                </label>
                                <div class="input-group">
                                    <div class="input-group-addon">¥</div>
                                    <input type="text" class="form-control input1" id="exampleInputAmount" placeholder="">
                                </div>
                            </div>
                        </div>
                        <div class="group">
                            <label class="l-label">详情说明：</label>
                            <div class="l-area">
                                <textarea placeholder="" class="textarea textarea3"></textarea>
                            </div>
                        </div>
                       
                        <div class="group">
                            <label class="l-label"><span class="need">*</span>扣 款：</label>
                            <div class="l-area">
                                <input type="text" class="input5">
                            </div>
                        </div>
                        <div class="group">
                            <label class="l-label"><span class="need">*</span>联 系 人：</label>
                            <div class="l-area">
                                <input type="text" class="input5">
                            </div>
                        </div>
                        <div class="group">
                            <label class="l-label"><span class="need">*</span>联系电话：</label>
                            <div class="l-area">
                                <input type="text" class="input5">
                            </div>
                        </div>
                    </div>
                    <div class="btn-area">
                        <a href="javascript:;" id="closeSure" class="btn sure">确定</a>
                        <a href="javascript:;" data-dismiss="modal" class="btn cancel">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="Waybill_List_wm.js"></script>
<!--运单详情-->
<script type="text/template" id="infoModel">
    <div id="infoModelTpl">
        <h2 class="tab-cont-h2">
            <a href="javascript:;">运单管理</a> > <a href="javascript:;">销售运单</a> > <a href="javascript:;">运单详情</a> > <span>运单关闭</span>
        </h2>
        <div class="bar">
            <h4 class="title">标书编号:KSDS3324234<span class="status">标书状态:完成</span></h4>
            <p class="tip">如果您的货物有所损坏，或者对运输有不满意之处，可通过点击 <a href="javascript:;" id="closeBillModel" class="btn-close" data-itemid="1">关闭</a>取消此次运输，来维护本公司的权益。</p>
        </div>
        <div class="flow">
            <div class="clearfloat">
                <div class="col">
                    <div class="status-tip"></div>
                    <div class="status started">标书竞标</div>
                </div>
                <div class="arrow">
                    <span class="sarrow started"></span>
                </div>
                <div class="col">
                    <div class="status-tip">
                        <p>标书结标</p>
                        <p>2015-10-23 13:48:00</p>
                    </div>
                    <div class="status started">等待装货</div>
                </div>
                <div class="arrow">
                    <span class="sarrow started"></span>
                </div>
                <div class="col">
                    <div class="status-tip">
                        <p>取货时间</p>
                        <p>2015-10-23 13:48:00</p>
                    </div>
                    <div class="status started">运输中</div>
                </div>
                <div class="arrow">
                    <span class="sarrow started"></span>
                </div>
                <div class="col">
                    <div class="status-tip">
                        <p>等待回单</p>
                        <p>2015-10-23 13:48:00</p>
                    </div>
                    <div class="status started">等待回单</div>
                </div>
                <div class="arrow">
                    <span class="sarrow unstarted"></span>
                </div>
                <div class="col">
                    <div class="status-tip"></div>
                    <div class="status unstart">回单确定</div>
                </div>
            </div>
        </div>
        <div class="tab change">
            <div class="menu-tab" data-name="tabChange">
                <a href="javascript:;" class="cur" name="tab1">运单跟踪</a>
                <a href="javascript:;" name="tab2">运单跟踪</a>
                <a href="javascript:;" name="tab3">运单跟踪</a>
            </div>
            <div class="tab-con">
                <div id="tab1">
                    <div class="top clearfloat">
                        <div class="">
                            <div class="col col1">处理时间1</div>
                            <div class="col col2">处理信息1</div>
                            <div class="col col3">操作人1</div>
                        </div>
                    </div>
                    <div class="group clearfloat">
                        <div class="col col1">2015-04-10 15:20:57</div>
                        <div class="col col2">提交了标书，等待系统确认</div>
                        <div class="col col3">客户</div>
                    </div>
                    <div class="group clearfloat">
                        <div class="col col1">2015-04-10 15:20:57</div>
                        <div class="col col2">提交了标书，等待系统确认</div>
                        <div class="col col3">客户</div>
                    </div>
                    <div class="group clearfloat">
                        <div class="col col1">2015-04-10 15:20:57</div>
                        <div class="col col2">提交了标书，等待系统确认</div>
                        <div class="col col3">客户</div>
                    </div>
                </div>
                <div id="tab2" class="none">
                    <div class="top clearfloat">
                        <div class="">
                            <div class="col col1">处理时间2</div>
                            <div class="col col2">处理信息2</div>
                            <div class="col col3">操作人2</div>
                        </div>
                    </div>
                    <div class="group clearfloat">
                        <div class="col col1">2015-04-10 15:20:57</div>
                        <div class="col col2">提交了标书，等待系统确认</div>
                        <div class="col col3">客户</div>
                    </div>
                    <div class="group clearfloat">
                        <div class="col col1">2015-04-10 15:20:57</div>
                        <div class="col col2">提交了标书，等待系统确认</div>
                        <div class="col col3">客户</div>
                    </div>
                    <div class="group clearfloat">
                        <div class="col col1">2015-04-10 15:20:57</div>
                        <div class="col col2">提交了标书，等待系统确认</div>
                        <div class="col col3">客户</div>
                    </div>
                </div>
                <div id="tab3" class="none">
                    <div class="top clearfloat">
                        <div class="">
                            <div class="col col1">处理时间3</div>
                            <div class="col col2">处理信息3</div>
                            <div class="col col3">操作人3</div>
                        </div>
                    </div>
                    <div class="group clearfloat">
                        <div class="col col1">2015-04-10 15:20:57</div>
                        <div class="col col2">提交了标书，等待系统确认</div>
                        <div class="col col3">客户</div>
                    </div>
                    <div class="group clearfloat">
                        <div class="col col1">2015-04-10 15:20:57</div>
                        <div class="col col2">提交了标书，等待系统确认</div>
                        <div class="col col3">客户</div>
                    </div>
                    <div class="group clearfloat">
                        <div class="col col1">2015-04-10 15:20:57</div>
                        <div class="col col2">提交了标书，等待系统确认</div>
                        <div class="col col3">客户</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab">
            <div class="head">
                运单信息
            </div>
            <div class="con">
                <p>
                    <label class="label">收货人：</label>某某</p>
                <p>
                    <label class="label">收货地址：</label>某某</p>
                <p>
                    <label class="label">手机号码：</label>123****2121</p>
                <p>
                    <label class="label">运费：</label>￥ 12300.00</p>
                <p>
                    <label class="label">送达时间：</label>2015-02-12</p>
            </div>
        </div>
        <a href="javascript:;" id="closeInfo" class="action-btn">关闭</a>
    </div>
</script>
<script id="Waybill_List_nav" type="text/template">
    <%_.each(obj, function(item,i) {%>
        <li class="<%if(i==0){%>active<%}%> dropdown">
            <a href="<%=item.href%>" class="dropdown-toggle" <%if(item.list) {%>id="myTabDrop<%=(i+1)%>" data-toggle="dropdown"<%}else{%>data-toggle="tab"<%}%>>
             <%=item.text%>
             <%if(item.list) {%>
             <b class="fa fa-angle-down"></b>
             <%}%>
          </a>
            <%if(item.list) {%>
                <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop<%=(i+1)%>">
                    <%_.each(item.list, function(items,is) {%>
                        <li class="<%if(i==0 && is==0){%>active<%}%>">
                            <a href="<%=items.href%>" tabindex="-1" data-toggle="tab">
                                <%=items.text%>
                            </a>
                        </li>
                        <%})%>
                </ul>
                <%}%>
        </li>
        <%});%>
</script>
<script id="Waybill_List_cont" type="text/template">
    <%_.each(obj, function(item,i) {%>
        <%if(item.list) {%>
            <%_.each(item.list, function(items,is) {%>
                <div class="tab-pane fade<%if(i==0 && is==0){%> in active<%}%>" id="<%=items.href.replace('#','')%>">
                </div>
                <%})%>
                    <%}else{%>
                        <div class="tab-pane fade<%if(i==0){%> in active<%}%>" id="<%=item.href.replace('#','')%>">
                        </div>
                        <%}%>
                            <%})%>
</script>
